@(userforminscription : Form[User])
@main("inscription"){&nbsp;} {

<div class="container">
	<div class="row">
        <div class="span12">
    		<div class="" id="loginModal">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4>Connexion:</h4>
              </div>
              <div class="modal-body">
                <div class="well">
                  <ul class="nav nav-tabs">
                    <li ><a href="#login" data-toggle="tab">Se connecter</a></li>
                    <li class="active"><a href="#create" data-toggle="tab">Créer un compte</a></li>
                  </ul>
                  
                  <div id="myTabContent" class="tab-content">
                  
                  <!--*******************************************
					************** Partie Login********
					******************************************** --> 				
                  
                 
                    <div class="tab-pane  fade" id="login">
                      <form class="form-horizontal" action='' method="POST">
                        <fieldset>
                          <div id="legend">
                            <legend class="">Login</legend>
                          </div>    
                          <div class="control-group">
                            <!-- Username -->
                            <label class="control-label"  for="username">Username</label>
                            <div class="controls">
                              <input type="text" id="username" name="username" placeholder="" class="input-xlarge">
                            </div>
                          </div>
     
                          <div class="control-group">
                            <!-- Password-->
                            <label class="control-label" for="password">Password</label>
                            <div class="controls">
                              <input type="password" id="password" name="password" placeholder="" class="input-xlarge">
                            </div>
                          </div>
     
     
                          <div class="control-group">
                            <!-- Button -->
                            <div class="controls">
                              <button class="btn btn-success">Login</button>
                            </div>
                          </div>
                        </fieldset>
                      </form>                
                    </div>
                    
                      
                    <!--*******************************************
					************** partie creation compte********
					******************************************** --> 
					        		
					<div class="tab-pane active in" id="create">		
    					@helper.form(action=routes.Inscription.inscrire(), 'id -> "formulaireinscription", 'class-> "form-group"){								
								<fieldset>						    
								    <div class="control-group">
									    <!-- Username -->
									    <label class="control-label"  for="username">Nom utilisateur</label>
									    <div class="controls">
									       <input type="text" 
									       		id="username" 
									       		name="username" 
									       		placeholder="User Name " 
									       		class="input-xlarge"> 		        
										</div>
								    </div>
								 
								    <div class="control-group">
									    <!-- E-mail -->
									    <label class="control-label" for="email">E-mail</label>
									    <div class="controls">
										    <input type="text" 
										    	id="email" 
										    	name="email" 
										    	placeholder="Your email" 
										    	class="input-xlarge"> 			   
										</div>
								    </div>
								 
								    <div class="control-group">
									    <!-- Password-->
									    <label class="control-label" for="password">Mot de passe</label>
									    <div class="controls">	      
										    
										    <input type="password" 
										    	id="@userforminscription("password").id " 
										    	name="password"
										    	placeholder="your password" 
										    	class="input-xlarge">   	
										   
									    </div>
								    </div>
								 
								    <div class="control-group">
									    <!-- Password -->
									    <label class="control-label"  for="password_confirm">Mot de passe (Confirmation)</label>
									    <div class="controls">
									      	
									      	<input type="password" 
									      		id="password_confirm" 
									      		name="password_confirm" 
									      		placeholder="your password confirmation" 
									      		class="input-xlarge"> 
									       
									    </div>
								    </div>   
								  	<div class="control-group">	     
								  		
								        <button href="@routes.Inscription.inscrire()" type="submit" class="btn btn-success " value="Enregistrer">Enregistrer</button>
								        <button href="#" type="submit" class="btn btn-info " value="Enregistrer">Cancel</button>
									</div>
								</fieldset>
							  
					 	}      
                    	</div>
                     </div>
                   </div>
                </div>
              </div>
           </div>
        </div>
	</div>
</div>

}